<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	body{
			display: inline-block;
			background-image: url("img/bj.jpg");
			background-size: 100% 100%; 
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
		}
		.TOP{
			display: block;
			width: 100%;
			height: 70px;
			//background-color: aquamarine;
		}
		.TOP p{
			position:relative;
			text-align: center;
			font-size: 24px;
			top: 20px;
		}
		.TOP div{
			overflow:hidden;
			
			//background-color: aqua;
			width: 150px;
			height: 40px;
			position:absolute;
			top: 40px;
			right: 50px;
		}
		.TOP div a{
			float: left;
			text-align: center;
			width: 70;
			height: 70px;
			background-color:#10E7DD;
			font-size: 18px;
			margin-top: 10px;
			margin-right: 10px;
		}
		
		.CD {
			display: inline-block;
			float: left;
			width: 15%;
			height: 800px;
			border-right-style: solid; 
			
		}
		.CD td{
			display:inline-block;
			width: 200px;
			height: 100px;
			text-align: center;
			margin: 50px;
			background-color:#8F8889;
			border-radius: 50%;
			
		}
		.CD p{
			display: inline-block;
			font-size: 24px;
			font-style: 楷体;
			margin-top: 37px;
		}
	.YHCD{
		display: inline-block;
		width: 600px;
		height: 800px;
		//background-color: burlywood;
		position: relative;
		left: 500px;
	}
	.YHCD table{
		display: inline-block;
		position: absolute;
		top: 150px;
		left: 70px;
	}
	.L{
		display: inline-block;
		width: 150px;
		height: 50px;
		background-color: aquamarine;
		margin-bottom: 30px;
		font-size: 24px;
		text-align: center;
	}
	.R{
		display: inline-block;
		width: 300px;
		height: 50px;
		background-color: aquamarine;
		margin-bottom: 30px;
		font-size: 24px;
		text-align: center;
	}
</style>
</head>

<body>
	<div class="TOP">
		<p align="center" style=" font-weight: 900px; font-size: 36px;">创业孵化基地签到系统</p>
		<div>
			
			<a href="index.html" style="text-decoration: none;">退出</a>
		</div>
	</div>
	<div class="CD">
		<table>
		<tr>
			<td><p><a href="main.html" style="text-decoration: none;">主页</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="publish.html" style="text-decoration: none;">发布签到</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="member.html" style="text-decoration: none;">成员</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="user.html" style="text-decoration: none;">个人</a></p></td>	
		</tr>
		</table>
	</div>
	<div class="YHCD">
		<table>
			<h1 style="display: inline-block;position: absolute;
			top:50px;left: 200px; ">个人信息</h1>
			<tr>
				<td class="L">姓名：</td>
				<td class="R">Hani</td>
			</tr>
			<tr>
				<td class="L">学号：</td>
				<td class="R">1234567</td>
			</tr>
			<tr>
				<td class="L">班级：</td>
				<td class="R">java一班</td>
			</tr>
			<tr>
				<td class="L">电话：</td>
				<td class="R">111111111</td>
			</tr>
			<tr>
				<td class="L">密码：</td>
				<td class="R">123456</td>
			</tr>
			<input type="button" value="修改" style="display: inline-block;width: 100px; height: 70px; position: absolute;top: 600px;left: 100px;background-color: #ED9413;">
			<input type="button" value="保存" style="display: inline-block;width: 100px; height: 70px; position: absolute;top: 600px;left: 300px;background-color: #ED9413;">
		</table>
	</div>
</body>
</html>
